<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--优先使用IE最新版本和Chrome-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1" />
    <!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!--禁止浏览器自动的识别-电话号码-email--->
    <meta name="format-detection" content="telephone=no,email=no"/>
    <!--是否启用Web全屏-->
    <meta name="apple-mobile-web-app-capable" content='yes' />
    <meta name="apple-mobile-web-status-bar-style" content="normal|black|black-translucent">
    <!--设置苹果工具栏颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content='black' />
    <link rel="stylesheet" href="../css/option.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <title>Title</title>
    <script src="../js/jquery-3.1.1.min.js"></script>
    <script src="../js/ydfontsize.js"></script>
    <script src="../js/swiper.min.js"></script>
</head>
<body>
    <!-- 导航栏 -->
    <div class="header">
        <a href="../index.html" class="shouye"><i class="fa fa-institution"></i></a>
        <span class="chaoshi">
            <img src="../img/chaoshi.png" alt="">
            <a href="#" class="zuobiao">北京 <i class="fa fa-angle-down"></i></a>
        </span>
        <a href="#" class="h-search">
            <span class="fa fa-search"></span>
        </a>
        <a href="shopping.html" class="h-che">
            <span class="fa fa-shopping-cart carta"></span>
            <span>￥333</span>
        </a>
    </div>
    <!-- tab切换 -->
    <div class="swiper-container swiper1">
        <div class="swiper-wrapper">
            <div class="swiper-slide active1">
                <img src="../img/ttu1.png" alt="">
                <span>生鲜水果</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu2.png" alt="">
                <span>休闲零食</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu3.png" alt="">
                <span>奶品水饮</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu4.png" alt="">
                <span>粮油厨房</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu5.png" alt="">
                <span>家用电器</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu6.png" alt="">
                <span>母婴用品</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu7.png" alt="">
                <span>洗护美妆</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu8.png" alt="">
                <span>家清家居</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu9.png" alt="">
                <span>一次用品</span>
            </div>
            <div class="swiper-slide">
                <img src="../img/ttu10.png" alt="">
                <span>收纳日用</span>
            </div>
        </div>
    </div>
    <!-- 内容部分 -->
    <div class="swiper-container swiper2">
        <div class="swiper-wrapper">
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">
                <!--&lt;!&ndash; 这里是粮油厨房 &ndash;&gt;-->
                <!--<div class="slide-2">-->
                    <!--<a href="#">-->
                        <!--<img src="../img/cont_14.png" alt="">-->
                        <!--<div class="jieshao">意大利进口得卡螺旋通心粉#单色螺丝意面500g</div>-->
                        <!--<div class="xiaoliang">-->
                            <!--<p class="xiao-1">-->
                                <!--<span class="zongjian">月销349件</span>-->
                                <!--<span class="danjia">￥13.90</span>-->
                            <!--</p>-->
                            <!--<p class="xiao-2"><i class="fa fa-shopping-cart"></i></p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</div>-->
                <!--<div class="slide-2">-->
                    <!--<a href="#">-->
                        <!--<img src="../img/cont_14.png" alt="">-->
                        <!--<div class="jieshao">意大利进口得卡螺旋通心粉#单色螺丝意面500g</div>-->
                        <!--<div class="xiaoliang">-->
                            <!--<p class="xiao-1">-->
                                <!--<span class="zongjian">月销349件</span>-->
                                <!--<span class="danjia">￥13.90</span>-->
                            <!--</p>-->
                            <!--<p class="xiao-2"><i class="fa fa-shopping-cart"></i></p>-->
                        <!--</div>-->
                    <!--</a>-->
                <!--</div>-->
            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
            <div class="swiper-slide">

            </div>
        </div>
    </div>
</body>
</html>
<script src="../js/option.js"></script>